
.body {
    margin: 0;
    padding: 0;
}

.clear{
    clear: both;
}

button{
    cursor: pointer;
}
/* header */
.header {
    width: 100%;
    height: 80px;
    background-color: #fff;
}

/* search �� button & input */
.header .header_icon,
.header .header_nav,
.header .header_icon h1,
.header .header_nav .nav_search,
.header .header_nav .nav {
    display: inline-block;
}

.header .header_nav .title{
    min-width: 200px;
    min-height: 30px;
    font-size: 35px;
    text-align: center;
    margin-right: 330px;
    font-family: "Microsoft YaHei";
    color: #D54F30;
    text-shadow: 3px 3px 3px #d5cfce;
    font-style: italic;
}

.header .header_nav {
    margin-top: 25px;
}

.header .header_nav .nav_search input {
    width: 200px;
    height: 30px;
    border: 1px solid #999999;
}

.header .header_nav .nav_search button {
    width: 80px;
    height: 33px;
    color: #D54F30;
    background-color: #FBFAFA;
    border: 1px solid #999999;
}

.header .header_nav .nav_search button:hover {
    background-color: #D54F30;
    color: #ffffff;
}

.header .header_nav .nav_search button span {
    font-family: "Microsoft YaHei";
    font-weight: 300;
    text-align: center;
    font-style: normal;
    font-size: 16px;
}

/* nav */
.header .header_nav {
    float: right;
    margin-right: 20px;
}

.header .header_nav ul {
    margin-top: 5px;
}

.header .header_nav ul li {
    list-style-type: none;
    float: left;
    margin: 0 8px;
}

.header .header_nav ul li a {
    text-decoration: none;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #D54F30;
}

/*nav �� ul */
.header .nav {
    float: right;
}

.header .header_icon img {
    width: 220px;
    height: 80px;
    /*vertical-align: middle;*/
}

/* middle */
.middle {
    width: 100%;
    height: 500px;
}

/*  middle_left*/
.middle .content_left {
    background-color: #F5F5F5;
    float: left;
    width: 70%;
    min-height: 500px;
    overflow: visible;
}

/*filter*/
.middle .content_left .filter {
    margin: 10px;
    border-bottom: 1px solid #D0D0D0;
}

.middle .content_left .filter .filter_title {
    display: inline-block;
}

.middle .content_left .filter .filter_title h1 {
    color: #000000;
    font-size: 18px;
}

/*filte �е� ������*/
.middle .content_left .filter .filter_content {
    display: inline-block;
}

.middle .content_left .filter .filter_content span{
    color: #929292;
    font-family: "Microsoft YaHei";
    font-size: 15px;
}

.middle .content_left .filter .filter_content select{
    color: #000;
    list-style-type: none;
    border: 1px solid #BBBBBB;
    background-color: #fff;
    font-family: "Microsoft YaHei";
    box-shadow: 1px 1px 1px #BBBBBB;
    padding: 2px;
}

.middle .content_left .filter .filter_content button {
    margin-left: 15px;
    width: 55px;
    height: 24px;
    color: #000;
    background-color: #FBFAFA;
}

/*course list*/
.middle .content_left .course_list h1 {
    color: #fff;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    text-align: center;
    letter-spacing: 2px;
    padding-left: 10px;
    font-weight: 500;
    margin: 10px;
    border-bottom: 1px solid #B9B9B9;
    background-color: #D54F30;
}

.middle .content_left .course_list_content{
    margin: 10px auto;
}
/* course list _gird_1_of_3 */
.gird_1_of_3 {
    border: 1px solid #BBBBBB;
    box-shadow: 3px 3px 3px #666;
    width: 237px;
    float: left;
    margin-top: 20px;
    margin-left: 50px;
}

.course_list .gird_1_of_3 .img img{
	height: 130px;
	width: 230px;
}

.course_list .gird_1_of_3 .img img,
.course_list .gird_1_of_3 .desc,
.course_list .gird_1_of_3 .desc .brief {
    margin: 3px;
    border: 1px solid #FBFAFA;
}

.course_list .gird_1_of_3 .desc .title {
    margin: 2px;
    border-bottom: 1px solid #999999;
    padding: 2px;
    color: #D54F30;
    font-family: "Microsoft YaHei";
    font-size: 18px;
}

.course_list .gird_1_of_3 .desc .brief{
    margin-left: -30px;
}

.course_list .gird_1_of_3 .desc .brief ul li{
    list-style-type: none;
    margin: 5px;
}

.course_list .gird_1_of_3 .desc .brief span{
    color: #222222;
    font-family: "Microsoft YaHei";
    font-size: 15px;
}

.course_list .gird_1_of_3 .desc .brief .imp{
    margin-left: 40px;
    margin-top:-10px ;
}

.course_list .gird_1_of_3 .desc .brief .imp .a,
.course_list .gird_1_of_3 .desc .brief .imp .b{
    font-size: 17px;
    font-family: "Microsoft YaHei";
}

.course_list .gird_1_of_3 .desc .brief .imp .b{
    float: right;
    margin-right: 10px;
}

.course_list .gird_1_of_3 .desc .brief .b{
    float: right;
    margin-right: 5px;
}

/* grid button  */
.course_list .gird_1_of_3 .button{
    margin-left: 20px;
}

.course_list .gird_1_of_3 .button .course_detail_button,
.course_list .gird_1_of_3 .button .course_select_button
{
    margin: 5px;
    padding: 5px 15px;
    border: 1px solid #999999;
    border-radius: 3px;
    background-color: #fff;

}

.course_list .gird_1_of_3 .button .course_detail_button a{
    text-decoration: none;
}

.course_list .gird_1_of_3 .button .course_detail_button span,
.course_list .gird_1_of_3 .button .course_select_button span
{
    text-decoration: none;
    color: #D54F30;
    font-family: "Microsoft YaHei";
    font-size: 14px;

}

.course_list .gird_1_of_3 .button .course_detail_button:hover,
.course_list .gird_1_of_3 .button .course_select_button:hover
{
    background-color: #D54F30;
}

.course_list .gird_1_of_3 .button .course_detail_button:hover span,
.course_list .gird_1_of_3 .button .course_select_button:hover span
{
    color: #fff;
}


/* paging */
.content_left .paging{
    margin: 10px auto;
    width: 50%;
    height: 40px;

}

.content_left .paging ul li{
    list-style-type: none;
    margin: 5px;
}

.content_left .paging ul li a{
    text-decoration: none;
    border: 1px solid #0c06ff;
    background-color: #fff;
    color: #0c06ff;
    padding: 5px 10px;
    margin: 5px;
    float: left;
    font-family: "Microsoft YaHei";
}

.content_left .paging ul li a:hover{
    background-color: #0c06ff;
    color: #fff;
}

/* middle_right */
.middle .content_right {
    background-color: #F5F5F5;
    float: left;
    width: 30%;
    min-height: 300px;
}

/*note*/
.middle .content_right .note{
    margin-top: 50px;
    padding: 5px 10px;
    max-width: 100%;
    background-color: #D0D0D0;
    border: 1px solid #929292;
    border-radius: 5px;
    text-indent: 6em;

}

.middle .content_right .note h1{
    font-family: "Microsoft YaHei";
    font-size: 25px;
    color: #fff;
    margin-left: -80px;
}

.middle .content_right .note span{
    max-width: 80%;
    font-family: "Microsoft YaHei";
    font-size: 15px;
    color: #fff;
    margin-left: 10px;
}

.middle .content_right .note .key{
    text-decoration: underline;
    margin: 0 5px;
    font-size: 17px;

}

/* ��ѡ�γ� */
.middle .content_right .choosed_course{
    width: 100%;
    min-height: 100px;
}

.middle .content_right .choosed_course .title{
    width: 100%;
    background-color: #D54F30;
    border-radius: 3px;
}

.middle .content_right .choosed_course .title h1{
    color: #fff;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-style: normal;
    margin-left: 30px;
    padding: 3px;
}

.middle .content_right .choosed_course .title ul{

}

.middle .content_right .choosed_course ul li{
    list-style-type: disc;
    margin: 5px;
}

.middle .content_right .choosed_course ul li a:link,
.middle .content_right .choosed_course ul li a:visited
{
    text-decoration: none;
    color: #000;
}

.middle .content_right .choosed_course ul li a:hover,
.middle .content_right .choosed_course ul li a:active{
    color: #D54F30;
    text-decoration:underline;
}

/* 课程删除 */
.middle .content_right .choosed_course .delete_course_a{
    margin-left: 10px;
    font-size: 13px;
    color: #D54F30;
    border-bottom: 1px solid #000000;
}


/*footer*/
.footer {
    background-color: #929292;
    width: 100%;
    min-height: 70px;
    text-align: center;

}

.footer .copyright{
    display: inline-block;
    margin: 0 auto;
    padding: 0 auto;
}
